@media (max-width: 768px) {



    .footer{

        background: #003399;

        padding: 40px 0;
    }
    .footerL{

    }
    .footerM{

        width: 100%;

        margin-top: 10px;
    }
    .footerlogo{

    }
    .footerlogo img{

    }
    .address{

        color: #fff;

        font-size: 14px;
    }
    .hotline{

        font-size: 20px;

        color: #fff;

        font-weight: 700;
    }
    .footlink{

        text-align: left;
    }
    .footlink a{

        color: #fff;

        font-size: 14px;

        margin: 0 2px;
    }
    .beianhao{

        text-align: center;

        color: #fff;
    }
    .footewm{

        width: 100%;

        margin-top: 20px;

        text-align: center;

    }
    .footewm img{

        width: 50%;

    }
    .footewm p{

        font-size: 14px;

        color: #fff;

        text-align: center;

        line-height: 39px;
    }
    .banner{
        width: 100%;
        overflow: hidden;
        margin-top: 0;
    }
    .banner img{
        width: 100%;
    }
    .indextit{

        margin: 16px 0;
    }
    .indextit1{

        color: #08348B;

        font-size: 19px;

        font-weight: 700;

        text-align: center;
    }
    .indextit2{

        font-size: 20px;

        text-align: center;
    }
    .intro{

    }
    .introL{

        font-size: 16px;

        color: #666;

        padding: 0;
    }
    .introR{

        padding: 0;
    }
    .introR img{

    }
    .introL p {

    }
    .introL p b{

        color: #08348B;
    }
    .introL a{

        width: 169px;

        height:55px;

        border:1px solid rgba(0,51,153,1);

        border-radius:10px;

        display: block;

        color: #333;

        font-size: 20px;

        text-align: center;

        line-height: 50px;

        margin-top: 0;

        margin-bottom: 33px;
    }
    .introR{

    }
    .introR img{

        width: 100%;
    }
    .introR video{

    }
    .yanfa{

    }
    .yanfa img{

        width: 100%;
    }
    .zaidao{

        font-size: 17px;

        font-weight: 700;

        text-align: center;

        margin: 30px 0;
    }
    .indexmap{

    }
    .indexmap img{

        width: 100%;
    }
    .mapintro{

    }
    .mapintro1{

        font-size: 23px;

        color: #333;

        font-weight: 700;

        margin-top: 10px;
    }
    .mapintro2 span{

    }
    .mapintro2 span b{

        color: #08348B;

        font-size: 32px;
    }
    .mapintro2{

        font-size: 10px;

        color: #333;
    }
    .shichang{

        font-size: 14px;
    }
    .shichang span:first-child{

        font-size: 20px;

        color: #333;
    }
    .shichang span:last-child{

        font-size: 16px;

        color: #666;
    }
    .hezuotit{

    }
    .hezuo a{

        width: 33%;

        text-align: center;

        color: #333333;

        font-size: 15px;

        padding: 0;

    }
    .hezuoimg{

        text-align: center;
    }
    .hezuoimg img{

        width: 100%;
    }
    .hezuoname{

    }
    .morecase{

        display: block;

        border: 1px solid rgba(0,51,153,1);

        width: 200px;

        height: 50px;

        text-align: center;

        line-height: 50px;

        font-size: 16px;

        border-radius: 10px;

        margin: 30px auto;

        color: rgba(0,51,153,1);

        cursor: pointer;
    }

    /*csae*/
    .casetit{

        font-size: 21px;

        color: #000;

        text-align: center;

        margin: 20px auto;

    }
    .case{

        position: relative;

        width: 100%;

        box-shadow: 1px 1px 14px 1px #eee;

        padding: 0px;
    }
    .caseL{

        float: left;

        position: relative;

        width: 100%;

        background: url(../img/tribg.png) no-repeat;

        background-size: 100% 100%;

        height: 100%;

        top: 0;

        left: 0;

        padding: 30px;

    }
    .schoolname{

        font-size: 16px;

    }
    .schoolname span{

        font-size: 15px;

        color: #000;

    }
    .schoolname img{

        width: 23px;

    }
    .schoolintro{

        font-size: 14px;

        color: #666;

        line-height: 27px;

        width: 93%;

        /* margin: 0 auto; */
    }
    .caseR{

        float: left;

        width: 100%;

    }
    .caseR img{

        width: 100%;

    }

    .hezuotit{

        font-size: 22px;

        color: #000;

        text-align: center;

        margin: 30px 0 10px;

    }
    .allprotit{

        background: #08307e;

        text-align: center;

        padding: 12px;

        color: #fff;

        margin-top: 20px;

    }
    .allprotit1{

        font-size: 23px;

        font-weight: 700;

    }
    .allprotit2{

        font-size: 18px;

    }
    .shaixuan{

        background: #F4F4F4;

        border-radius: 10px;

        margin: 10px auto;

        clear: both;

        height: 43px;

        padding-top: 10px;

        padding-left: 0;

        width: 98%;

        clear: both;

    }
    .shaixuan span:first-child{

        display: block;

        float: left;

        font-size: 13px;

        color: #333;

        font-weight: 700;

        height: 30px;

    }
    .sxtiaojian{

        float: left;

        position: relative;

        width: 101px;

        text-align: center;

        margin-top: 0;

    }
    .shaixunname{

    }
    .tiaojian {

        position: absolute;

        width: 112px;

        z-index: 10;

        height:73px;

        background:rgba(244,244,244,1);

        box-shadow:0px 0px 4px 0px rgba(0, 0, 0, 0.16);

        border-radius:5px;
    }
    .tiaojian a{

        display: block;

        height: 35px;

        line-height: 42px;

        font-size: 14px;

        color: #666;
    }
    .shaxianpro{

        overflow: hidden;

        width: 100%;
    }
    .shaxianpro img{
        width: 100%;
    }
    .hezuo{background: #eee;overflow: hidden;margin-top: 50px;}
    .hezuotit2{
        font-size: 21px;
        color: #000;
        text-align: center;
    }
    .hezuotit2 span{
        color: #08348B;
    }
    .hezuobig img{
        width: 100%;
    }
    .shaixuanqu{
        padding: 0;
    }
    /*tiyan*/
    .ty1{

    }
    .ty1 img{
        width: 100%;
    }
    .tytit{

        margin: 10px 0;

        text-align: center;

        font-size: 13px;

        color: #000;

        font-weight: 700;

    }
    .tytit1{

        font-size: 16px;

        font-weight: 700;

        text-align: center;

    }
    .tyti2{

    }
    .tyti2 img{
        width: 20px !important;
        height: 20px !important;
    }
    .tytit3{

        font-size: 9px;

        color: #666;

        text-align: center;

        font-weight: normal;

        width: 90%;

        margin: 0 auto;

    }
    .ty2{

    }
    .ty2 img{
        width: 100%;
        height: auto;
        margin: 10px 0;
    }
    .sos{

        background: #F5F5F5;

        height: auto;

        border-radius: 10px;

        margin-top: 10px;

        padding-bottom: 10px;

    }
    .sos p:first-child{

        font-size: 18px;

        font-weight: 700;

        margin: 10px 0 0 40px;

        overflow: hidden;

        padding-top: 16px;

    }
    .sos p:last-child{

        color: #666;

        margin-left: 44px;

        margin-top: 17px;

        font-size: 12px;

    }
    .ty3{
        background: url("../img/keathbg.png") no-repeat bottom;
        background-size: 100%;
        padding: 22px 0 30px 0;
    }
    .ty3 img{
        width: 100%;
    }
    .abouttit{

        font-size: 14px;

        text-align: center;

        color: #000;

        height: 44px;

        font-weight: 700;

        border-bottom: 3px solid #083187;

        width: 100px;

        margin: 0px auto;

        padding: 11px 0;

        margin-bottom: 30px;

    }
    .ysnum{

        font-size: 40px;

        color: #083187;

    }
    .yst1{

        font-size: 17px;

        color: #000;

        font-weight: 700;

    }
    .yst2{

        color: #333;

        font-size: 13px;

    }
    .yst3{

        font-size: 12px;

        color: #666;

    }
    .ty4 img{
        width: 100%;
    }
    .about {
        margin: 20px auto 0;
    }
    .about h2{
        margin-top: 50px;
    }

    .eg{
        text-align: center;
        width: 90%;
        margin: 30px auto;
    }
    .eg img{
        width: 61%;
    }
    .prev1{
        background: url('../img/left.png') no-repeat;
        width: 33px;
        height: 47px;
        background-size: 100% 100%;
        left: -13px;
    }
    .next1{
        background: url('../img/right.png') no-repeat;
        width: 33px;
        height: 47px;
        background-size: 100% 100%;
        right: 0;
    }
    .ys{
        margin: 20px auto;
    }
    .zhengshu{
        padding: 30px 0;
        background: #f5f5f5;
        margin: 10px 0;
    }
}